<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:a4j="http://richfaces.org/a4j"
	xmlns:rich="http://richfaces.org/rich">
<body>
	<ui:composition template="/templates/template.xhtml">
		<ui:define name="title">Consultar Movimientos</ui:define>
		<ui:define name="body">
			<h:form id="moviForm">
				<rich:panel columns="4">
					<f:facet name="header">
						<h:outputText value="Consulta de movimientos de caja" />
					</f:facet>

<h:panelGrid columns="4">
					<h:panelGrid columns="1">
						<h:outputText value="Seleccionar filial:" />
						<h:selectOneMenu id="zonamovimientos"
							value="#{admConsultasBean.codZonaActual}">
							<f:selectItem itemValue="-1" itemLabel="Todas" />
							<f:selectItem
								itemValue="#{admConsultasBean.usuarioLogueado.zonaSeleccionada.codigo}"
								itemLabel="#{admConsultasBean.usuarioLogueado.zonaSeleccionada.nombre}" />
							<f:selectItems value="#{admConsultasBean.zonasAsociadas}"
								var="zonaAsoc" itemLabel="#{zonaAsoc.nombre}"
								itemValue="#{zonaAsoc.codigo}" />
						</h:selectOneMenu>
					</h:panelGrid>
					
					
					<rich:popupPanel id="popup" modal="false" resizeable="true"
							onmaskclick="#{rich:component('popup')}.hide()" width="300" height="200">
							<f:facet name="header">
								<h:outputText value="Saldos del periodo consultado" />
							</f:facet>
							<h:panelGroup id="saldos">
								<h4>
									<h:outputText value="Total de ingresos: " />
									&nbsp;
									<h:outputText value="#{admConsultasBean.saldo.ingresos}" >
									<f:convertNumber currencySymbol="$" type="currency" />
									</h:outputText>
									&nbsp;</h4><h4>
									<h:outputText value="Total de egresos: " />
									&nbsp;
									<h:outputText value="#{admConsultasBean.saldo.egresos}" ><f:convertNumber currencySymbol="$" type="currency" /></h:outputText>
									&nbsp;</h4><h4>
									<h:outputText value="Saldo del periodo: " />
									&nbsp;
									<h:outputText value="#{admConsultasBean.saldo.totalCaja}" ><f:convertNumber currencySymbol="$" type="currency" /></h:outputText>
									&nbsp;</h4><h4>
									<h:outputText value="Saldo de caja: " />
									&nbsp;
									<h:outputText value="#{admConsultasBean.saldoCaja.totalCaja}" ><f:convertNumber currencySymbol="$" type="currency" /></h:outputText>
								
								</h4>
							</h:panelGroup>
								<a4j:commandButton value="Aceptar" onclick="#{rich:component('popup')}.hide(); return false;"/>
						</rich:popupPanel>

						
						

					<h:panelGrid columns="2">
						<h:panelGrid columns="1">
							<h:outputText value="Fecha desde:" />
							<rich:calendar value="#{admConsultasBean.fechaDesde}"
								id="calFechaDesde" locale="ES" popup="true"
								datePattern="dd/MM/yyyy" showApplyButton="false" required="true"
								requiredMessage="La fecha desde es requerida.">
							</rich:calendar>
						</h:panelGrid>

						<h:panelGrid columns="1">
							<h:outputText value="Fecha hasta:" />
							<rich:calendar value="#{admConsultasBean.fechaHasta}"
								id="calFechaHasta" locale="ES" popup="true"
								datePattern="dd/MM/yyyy" showApplyButton="false" required="true"
								requiredMessage="La fecha hasta es requerida.">
							</rich:calendar>
						</h:panelGrid>

						

					</h:panelGrid>
					
					<h:panelGrid columns="1">
						<h:outputText value="&nbsp;" scape="true" />
						<a4j:commandButton value="Consultar"
							action="#{admConsultasBean.doConsultar}" id="botonconsultar"
							render="tablaMov,mensajes,datascrollMov,saldos" />


					</h:panelGrid>
				</h:panelGrid>

			

					<h:messages errorStyle="color:red" id="mensajes" />


				
					<h:panelGrid>
					<h:panelGrid>
				
					<rich:dataTable value="#{admConsultasBean.movimientos}"
						var="movimiento" id="tablaMov" rows="6" rowKeyVar="row" border="0"
						cellpadding="4" cellspacing="0" rules="all">


						<rich:column>
							<f:facet name="header">
								<h:outputText value="Filial" />
							</f:facet>
							<h:outputText value="#{movimiento.zona.nombre}" />
						</rich:column>

						<rich:column>
							<f:facet name="header">
								<h:outputText value="Fecha" />
							</f:facet>
							<h:outputText value="#{movimiento.fecha}">

								<f:convertDateTime pattern="dd/MM/yyyy" />
							</h:outputText>
						</rich:column>


						<rich:column>
							<f:facet name="header">
								<h:outputText value="Operación" />
							</f:facet>
							<h:outputText value="#{movimiento.tipoOperacion.descripcion}" />
						</rich:column>
						
						<rich:column>
							<f:facet name="header">
								<h:outputText value="Cuenta origen" />
							</f:facet>
							<h:outputText value="#{movimiento.desde.descripcion}" />
						</rich:column>
						<rich:column>
							<f:facet name="header">
								<h:outputText value="Cuenta destino" />
							</f:facet>
							<h:outputText value="#{movimiento.hasta.descripcion}" />
						</rich:column>

						<rich:column>
							<f:facet name="header">
								<h:outputText value="Detalle" />
							</f:facet>
							<h:outputText value="#{movimiento.detalle}" />
						</rich:column>


						<rich:column>
							<f:facet name="header">
								<h:outputText value="Tipo" />
							</f:facet>
							<h:outputText value="#{movimiento.tipoFactura.tipo}" />
						</rich:column>

						<rich:column>
							<f:facet name="header">
								<h:outputText value="Nro. Comprobante" />
							</f:facet>
							<h:outputText value="#{movimiento.nroFactura}" />
						</rich:column>

						<rich:column>
							<f:facet name="header">
								<h:outputText value="Vendedor" />
							</f:facet>
							<h:outputText value="#{movimiento.nroCuit}" />
						</rich:column>

						<rich:column>
							<f:facet name="header">
								<h:outputText value="Importe" />
							</f:facet>

							<h:outputText value="#{movimiento.importe}">
								<f:convertNumber currencySymbol="$" type="currency" />
							</h:outputText>

						</rich:column>
					</rich:dataTable>
					<rich:dataScroller id="datascrollMov" for="tablaMov" maxPages="10" />
					<h:commandButton value="Ver saldos">
        					<rich:componentControl target="popup" operation="show" />
   					    </h:commandButton>
					</h:panelGrid>
					</h:panelGrid>
					
				</rich:panel>
			</h:form>

		</ui:define>
	</ui:composition>

</body>
</html>
